import React from 'react';
import myStyle from './index.module.css'
import { Row, Col,Input} from "antd";
const Index = () => {
    return (
        <>
      {/* 表格头部信息 */}
      <Row className={myStyle.row_padding} >
        {/* 交易笔数 */}
        <Col span={6} className={myStyle.col_style}>
          <span className={myStyle.col_first_span}>商户总余额</span>
          <span className={myStyle.col_second_span}>
            <Input className={myStyle.col_input} disabled   placeholder='104945.21'
               />
              
          </span>
        </Col>
        {/* 交易金额 */}
        <Col span={6} className={myStyle.col_style}>
          <span className={myStyle.col_first_span}>总充值金额
          </span>
          <span className={myStyle.col_second_span}>
            <Input className={myStyle.col_input} disabled   placeholder='5194.00'
             
            />
          </span>
        </Col>
        {/* 交易手续费 */}
        <Col span={6} className={myStyle.col_style}>
          <span className={myStyle.col_first_span}>交易手续费</span>
          <span className={myStyle.col_second_span}>
            <Input className={myStyle.col_input} disabled  placeholder='6.00'
             
            />
          </span>
        </Col>
        {/* 扣除金额 */}
        <Col span={6} className={myStyle.col_style}>
          <span className={myStyle.col_first_span}>总冻结金额</span>
          <span className={myStyle.col_second_span}>
            <Input className={myStyle.col_input} disabled  placeholder='241.00'
             
            />
          </span>
        </Col>
        <Col span={6} className={myStyle.col_style}>
          <span className={myStyle.col_first_span}>总代付笔数</span>
          <span className={myStyle.col_second_span}>
            <Input className={myStyle.col_input} disabled  placeholder='1'
             
            />
          </span>
        </Col>
        <Col span={6} className={myStyle.col_style}>
          <span className={myStyle.col_first_span}>总代付金额</span>
          <span className={myStyle.col_second_span}>
            <Input className={myStyle.col_input} disabled  placeholder='0.00'
             
            />
          </span>
        </Col>
        <Col span={6} className={myStyle.col_style}>
          <span className={myStyle.col_first_span}>代付手续费</span>
          <span className={myStyle.col_second_span}>
            <Input className={myStyle.col_input} disabled  placeholder='3.49'
             
            />
          </span>
        </Col>
        <Col span={6} className={myStyle.col_style}>
          <span className={myStyle.col_first_span}>代付总盈利</span>
          <span className={myStyle.col_second_span}>
            <Input className={myStyle.col_input} disabled  placeholder='6.00'
             
            />
          </span>
        </Col>
      </Row>
    </>
    );
}

export default Index;
